 /*=========================初始化 css 开始======================== */
	@import "base.less";
/* =========================初始化 css 结束======================== */


/* ======================导航栏样式开始================= */
	@import "global.less";
	nav{
		.nav_firstLevel{
			.nav_list{
				ul.product_intro{
					display: block;
				}
			}
		}
		.nav_twoLevel{
			display: block;
			
		}
	}
/* ======================导航栏样式结束================= */


/* ====================== VR 中控系统 主体样式开始================= */
main{
	padding-top:140px;
	h3{
		font:900 50px/60px "Microsoft Yahei";
		text-align:center;
	}
	#con_banner{
		width:100%;
		background:url(../images/vr_con_banner_bg.png) no-repeat center;
		background-size:contain;
		&::after{
			content:"";
			display: block;
			padding:16%;
		}
	}
	#con{
		width:100%;
		// height:600px;
		>div{
			width:980px;
			height:500px;
			background:url(../images/con_bg.png) no-repeat left center;
			background-size:600px auto;
			margin:0 auto;
			padding:85px 0 0 640px;
			p{
				color:#111418;
				margin:35px 0 25px;
				font:18px/25px "Microsoft Yahei";
				text-indent:2em;
			}
			div>img:nth-of-type(1),div>img:nth-of-type(2){
				margin-right:20px;
			}
		}
	}
	#con_pro_features{
		width:100%;
		background:#F4F4F4;
		padding-top:50px;
		overflow:hidden;
		>div{
			// min-width:1230px;
			// width:1360px;
			width:1230px;
			height:550px;
			margin:0 auto;
			h3{
				text-align:left;
				margin-bottom:50px;
			}
			>.con_pro_left{
				width:150px;
				background:url(../images/line2.png) no-repeat right top;
				img{
					width:110px;
					&:first-of-type{
						margin-bottom:50px;
					}
				}
			}
			>.con_pro_center{
				>div{
					width:530px;
					&:first-of-type{
						>img{
							margin:0 20px 40px 30px;
							&:nth-of-type(3n){
								margin-right:0;
							}
						}
					}
					&:last-of-type{
						>img{
							&:nth-of-type(1),&:nth-of-type(2){
								margin-right:30px;
							}
						}
					}
				}
			}
			.con_pro_right{
				p{
					font:18px/100px "Microsoft Yahei";
					color:#000;
					background:url(../images/arrow.png) no-repeat left center;
					padding-left:28px;
				}
			}
		}
	}
	#con_program{
		width:100%;
		height:650px;
		background:url(../images/con_peogram_bg.png) no-repeat center;
		position:relative;
		h3{
			padding-top:50px;
		}
		>div{
			position:absolute;
			h4{
				font:700 30px/50px "Microsoft Yahei";

			}
			p{
				font:18px/30px "Microsoft Yahei";
			}
			&:nth-of-type(1){
				top:115px;
				left:50%;
				margin-left:-35%;
				text-align:right;
			}
			&:nth-of-type(2){
				top:180px;
				left:50%;
				margin-left:22%;
			}
			&:nth-of-type(3){
				bottom:30px;
				left:50%;
				margin-left:-10%;
			}
		}
	}
	#con_classroom{
		width:100%;
		height:600px;
		background:url(../images/con_classroom_bg.png) no-repeat center;
		background-size:cover;
		color:#fff;
		position:relative;
		&::after{
			content:"";
			display: block;
			padding:18%;
		}
		h3{
			font-size:40px;
			color:#f3f4f4;
			margin-bottom: 30px;
			text-align:left;
		}
		h4{
			font: 30px/30px "Microsoft Yahei";
			margin-bottom: 20px;
		}
		p{
			font:18px/25px "Microsoft Yahei";
			padding-left:1em;
		}
		div{
			width:550px;
			position:absolute;
			&:nth-of-type(1){
				top:10%;
				left:50%;
				// margin-left:-45%;
				transform:translateX(-100%);
				>p{
					padding-left:75px;
					width:700px
				}
			}
			&:nth-of-type(2){
				top:45%;
				left:50%;
				// margin-left:-35%;
				transform:translateX(-50%);
			}
			&:nth-of-type(3){
				top:75%;
				left:50%;
				// margin-left:-25%;
				transform:translateX(0%);
			}
		}
	}
}
/* ====================== VR 中控系统 主体样式结束=================*/